<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/details/shop.css" />
	</head>

	<body>
		<div id="shop" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<div class="seach_input" @tap="openSeatch"><input type="text" placeholder="搜索本店商品" readonly="true" /></div>
				<a class="mui-pull-right server" @tap="serviceCenter"></a>
			</header>

			<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll">
					<div class="headBackGround" :style="{background:'url('+imgCommonUrl+ shopDetail.bg+')no-repeat center'}" v-if="shopDetail.bg"></div>
					<div class="headBackGround" v-else></div>
					<div class="shop_head">
						<div class="shop_title">
							<div class="shop_header"><img v-lazy="imgCommonUrl+shopDetail.shopPic" /></div>
							<div class="shop_name">
								<div>{{shopDetail.siteName}}</div>
								<div v-show="score">评分：{{score}}</div>
							</div>
							<div class="shoucang" :class="{ check: isFav}" @tap="addInterest">收藏</div>
						</div>
						<div class="shop_cls">
							<!--<div class="check">首页</div>
						<div>全部商品</div>
						<div>店铺新品</div>-->
							<div v-for="(shopCls,index) in shopCls" :class="{check:shopClsCheck == index}" @tap="shopClsTap(index)">{{shopCls}}</div>
						</div>
						<div class="seach_title" v-if="shopClsCheck ==1">
							<!--<div>全部</div>
						<div class="check">销量
							<div class="lift">
								<div class="checklift"></div>
								<div></div>
							</div>
						</div>
						<div>价格排序
							<div class="lift">
								<div></div>
								<div></div>
							</div>
						</div>
						<div>人气
							<div class="lift">
								<div></div>
								<div></div>
							</div>
						</div>-->
							<div v-for="(sort,index) in sortArr" :class="{'check':index == sortNum}" @tap="clsSort(index)">{{sort.text}}
								<div class="lift" v-if="index>0">
									<div :class="{'checklift': orders == 'asc' && index==sortNum}"></div>
									<div :class="{'checklift': orders == 'desc' && index==sortNum}"></div>
								</div>
							</div>
							<div class="check_tranfrom"></div>
						</div>
					</div>

					<div class="shop_details">

						<div class="shop_list" v-for="shopList in shopList" @tap="openDetail(shopList)">
							<div class="shop_list_img"><img v-lazy="imgCommonUrl+shopList.pic" /></div>
							<div class="shop_list_text">{{shopList.name}}</div>
							<div class="shop_list_money">
								<div>
									<div class="size">￥</div>{{shopList.cash}}</div>
								<div>成交{{shopList.buys}}笔</div>
							</div>
						</div>
						<div></div>
					</div>

				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/details/shop.js"></script>
	</body>

</html>